<template>
  <div>
    <div id="luckysheet" style="width: 100%; height: 300px"></div>
  </div>
</template>

<script>
import $ from "jquery";
export default {
  mounted() {
    $(function () {
      window.vdpsheet.create({
        container: "luckysheet", // luckysheet为容器id
        lang: "zh",
        showinfobar: false, // 标题部分信息
        showsheetbar: false, // 底部sheet页
        sheetFormulaBar: true, // 是否显示公示栏
        showstatisticBar: false, // 自定义计数栏
        showtoolbar: false, // 默认工具栏都不显示
        enableAddRow: false, // 底部添加行按钮
        showtoolbarConfig: {
          // 自定义配置工具栏
          undoRedo: true, // 撤销重做，注意撤消重做是两个按钮，由这一个配置决定显示还是隐藏
          paintFormat: true, // 格式刷
          mergeCell: true, // '合并单元格'
        },
        cellRightClickConfig: {
          // 自定义右键单元格
          insertColumn: false,
          deleteColumn: false,
          hideRow: false,
          hideColumn: false,
          deleteCell: false,
          sort: false,
          filter: false, // 筛选选区
          chart: false, // 图表生成
          image: false, // 插入图片
          link: false, // 插入链接
          data: false,
          matrix: false,
        },
        enableAddBackTop: false,
      });
    });
  },
};
</script>